<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <title>BOSS直聘-找工作上BOSS直聘直接谈！招聘求职找工作！</title>
    <!-- 页面制作：mosheng | 创建：2022-10-20 -->
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/home.css" />
  </head>
  <body>
    <div id="wrapper">
      <header>
        <a href="" class="logo">BOSS直聘官网</a>
        <a href="" class="signup">登录/注册</a>
        <div class="header-bottom flex">
          <form action="" class="flex">
            <span>全国<i></i></span>
            <input type="text" placeholder="搜索职位/公司" />
            <button>搜索</button>
          </form>
          <a href="" class="message flex">
            <i></i>
            <span>消息</span>
          </a>
        </div>
      </header>
      <main>
        <div class="hot-position main_common">
          <h3>热门职位</h3>
          <ul class="flex">
            <li><a href="">Java</a></li>
            <li><a href="">产品经理</a></li>
            <li><a href="">前端开发工程师</a></li>
            <li><a href="">测试工程师</a></li>
            <li><a href="">项目经理/主管</a></li>
            <li><a href="">运维工程师</a></li>
            <li><a href="">数据分析师</a></li>
            <li><a href="">平面设计</a></li>
            <li><a href="">算法工程师</a></li>
            <!-- 解决当一行中只有两个li时默认为justify-content: space-between;排列 -->
            <span></span>
          </ul>
        </div>
        <div class="hot-company main_common">
          <h3>热门企业</h3>
          <ul class="flex">
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <li>
              <a href="" class="flex">
                <img src="./uploads/company-logo.png" alt="" />
                <div class="hot-company-info line-overflow">
                  <p class="line-overflow">BOSS直聘</p>
                  <span class="">在招岗位8800个</span>
                </div>
              </a>
            </li>
            <span></span>
            <span></span>
            <span></span>
          </ul>
        </div>
        <div class="job-recommend main_common">
          <h3>精选职位</h3>
          <a href="" class="login flex">
            <p>登录后可根据个人期望精准匹配</p>
            <span>立即登录</span>
          </a>
          <div class="job-list">
            <a href="" class="job-list-item">
              <div class="title flex">
                <h4>搜索算法</h4>
                <span>20-21K</span>
              </div>
              <div class="name">
                <span class="company-name">BOSS直聘</span>
                <span class="workplace">上海</span>
              </div>
              <div class="labels">
                <span>3-5年</span>
                <span>本科</span>
                <span>自然语言处理</span>
                <span>推荐算法</span>
              </div>
              <div class="recruiter flex">
                <p>
                  <img src="./uploads/company-logo.png" alt="" />
                  李先生·行政人事·HR
                </p>
                <span>立即沟通</span>
              </div>
            </a>
            <a href="" class="job-list-item">
              <div class="title flex">
                <h4>搜索算法</h4>
                <span>20-21K</span>
              </div>
              <div class="name">
                <span class="company-name">BOSS直聘</span>
                <span class="workplace">上海</span>
              </div>
              <div class="labels">
                <span>3-5年</span>
                <span>本科</span>
                <span>自然语言处理</span>
                <span>推荐算法</span>
              </div>
              <div class="recruiter flex">
                <p>
                  <img src="./uploads/company-logo.png" alt="" />
                  李先生·行政人事·HR
                </p>
                <span>立即沟通</span>
              </div>
            </a>
            <a href="" class="job-list-item">
              <div class="title flex">
                <h4>搜索算法</h4>
                <span>20-21K</span>
              </div>
              <div class="name">
                <span class="company-name">BOSS直聘</span>
                <span class="workplace">上海</span>
              </div>
              <div class="labels">
                <span>3-5年</span>
                <span>本科</span>
                <span>自然语言处理</span>
                <span>推荐算法</span>
              </div>
              <div class="recruiter flex">
                <p>
                  <img src="./uploads/company-logo.png" alt="" />
                  李先生·行政人事·HR
                </p>
                <span>立即沟通</span>
              </div>
            </a>
            <div class="loadmore">没有更多了</div>
          </div>
        </div>
      </main>
      <footer>
        <p>京ICP备14013441号-5</p>
      </footer>
    </div>
    <script src="./js/flexible.js"></script>
  </body>
</html>
